<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head></h:head>
<h:body>
	<h:form id="form">

		<p:growl id="msgs" showDetail="true" />

		<p:dataTable id="usuarios" var="usuario" value="#{usuarioBean.lista}">

			<p:column headerText="Nome">
				<h:outputText value="#{usuario.nome}" />
			</p:column>

			<p:column headerText="Sobrenome">
				<h:outputText value="#{usuario.sobrenome}" />
			</p:column>

			<p:column headerText="login">
				<h:outputText value="#{usuario.login}" />
			</p:column>

			<p:column headerText="Data de nascimento">
				<h:outputText value="#{usuario.data_nascimento}" />
			</p:column>

			<p:column headerText="Último acesso">
				<h:outputText value="#{usuario.ultimo_acesso}" />
			</p:column>

			<p:column style="width:4%">
				<p:commandButton id="selectButton" update=":display"
					oncomplete="usuarioDialog.show()" icon="ui-icon-search"
					title="View">
					<f:setPropertyActionListener value="#{usuario}"
						target="#{usuarioBean.usuario}" />
				</p:commandButton>
				<p:commandButton id="editButton" update=":editPanel"
					oncomplete="editDialog.show()" icon="ui-icon-search"
					title="View">
					<f:setPropertyActionListener value="#{usuario}"
						target="#{usuarioBean.usuario}" />
				</p:commandButton>
			</p:column>

			<p:column style="width:4%">
				<p:commandButton value="Editar" action="#{usuarioBean.alterar}">
					<f:setPropertyActionListener value="#{usuario}"
						target="#{usuarioBean.usuario}" />
				</p:commandButton>

			</p:column>

		</p:dataTable>

	</h:form>

	<!-- INÍCIO DO POPUP PARA VISUALIZAR USUÁRIO -->
	<p:dialog header="Detalhes" widgetVar="detalhesDialog" resizable="false" id="detalhesDlg" showEffect="fade"	hideEffect="explode" modal="true">
		<h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">
			<h:outputText value="Nome:" />
			<h:outputText value="#{usuarioBean.usuario.nome}" style="font-weight:bold" />
			<h:outputText value="Data de nascimento" />
			<h:outputText value="#{usuarioBean.usuario.data_nascimento}" style="font-weight:bold" />

		</h:panelGrid>

	</p:dialog>
	<!-- FIM DO POPUP PARA VISUALIZAR USUÁRIO -->


	<!-- INÍCIO DO POPUP PARA ALTERAR USUÁRIO -->
	<p:dialog header="Alterar" widgetVar="editDialog" resizable="false" id="editDialog" showEffect="fade" hideEffect="explode" modal="true">
		<h:panelGrid id="editPanel" columns="2" cellpadding="4"
			style="margin:0 auto;">

			<h:form>
				<p:panel id="panel" header="Adicionar Usuário"
					style="margin-bottom:10px;">
					<p:growl id="growl" showDetail="false" sticky="false" />
					<h:panelGrid columns="2">
						<h:outputLabel for="nome" value="Nome:" />
						<p:inputText id="nome" value="#{usuarioBean.usuario.nome}"
							required="true" requiredMessage="Campo 'Nome' obrigatório" />


						<h:outputLabel for="sobrenome" value="Sobrenome:" />
						<p:inputText id="sobrenome"
							value="#{usuarioBean.usuario.sobrenome}" />

						<h:outputLabel for="login" value="Login:" />
						<p:inputText id="login" value="#{usuarioBean.usuario.login}" />

						<h:outputLabel for="senha" value="Senha:" />
						<p:inputText id="senha" value="#{usuarioBean.usuario.senha}" />

						<h:outputLabel for="data_nascimento" value="Data de nascimento:" />
						<p:calendar id="data_nascimento"
							value="#{usuarioBean.usuario.data_nascimento}" navigator="true"
							yearRange="c-100:c+0" display="inline" />


					</h:panelGrid>
				</p:panel>
				<p:commandButton value="Salvar" action="#{usuarioBean.alterar2}">

				</p:commandButton>
			</h:form>

		</h:panelGrid>

	</p:dialog>
	<!-- FIM DO POPUP PARA VISUALIZAR USUÁRIO -->

</h:body>
</html>